<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Acezk Blog</title>

<link href="bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/blog.css" rel="stylesheet">

</head>
<body>
	<!-- 头部 start -->
	<div class="blog-masthead">
		<div class="container">
			<nav class="blog-nav">
				<a class="blog-nav-item active" href="index.html">Home</a>
				<a class="blog-nav-item" href="html/java/example.html" target="frame_context">Java</a>
			</nav>
		</div>
	</div>
	<!-- 头部 end -->
	<div class="container">
		<div class="row blog-header">
			<div class="col-sm-8 blog-main">
				<iframe id="frame_context" name="frame_context" src="index_contex.html" width="100%" height="100px" frameborder="0" scrolling="no" onload="iframeLoad();"></iframe>
			</div>
			
			<div class="col-sm-3 col-sm-offset-1 blog-sidebar">
				<div class="sidebar-module sidebar-module-inset">
					<h4>About</h4>
					<p>
						welcome to acezk blog!!
					</p>
				</div>
				<div class="sidebar-module">
					<h4>java</h4>
					<ol class="list-unstyled">
						<li><a href="html/java/jxl/jxl.html" target="frame_context">jxl Excel的使用</a></li>
					</ol>
				</div>
			</div>
		</div>
	</div><!-- /.container -->
	
	<script type="text/javascript">
	function iframeLoad() {
		try {
			document.getElementById("frame_context").height=0;
		    document.getElementById("frame_context").height=document.getElementById("frame_context").contentWindow.document.body.scrollHeight;
		} catch(ex) {
			document.getElementById("frame_context").height=900;
		}
	}
	</script>
</body>
</html>
